.c-headernav{
  width:100%;
  height:60px;
  background: #ff7200;
  .container{
    width:1200px;
    margin:0 auto;
   overflow: hidden;
    .logo{
      float: left;
      width: 124px;
      height:30px;
      margin-top:14px;
    }
    .nav{
      float:left;
      height:60px;
      line-height: 60px;
      li{
        float: left;
        list-style: none;
        a{
          display: block;
          font-size: 14px;
          color:#fff;
          padding: 0 20px;
          &:hover{
            background: #ff9400;
          }
        }
      }
    }
    .btns{
      float: right;
      line-height: 60px;
      color:#fff;
      .login_btn{
        float: left;
        position: relative;
        &::after{
          content:'';
          position: absolute;
          width:1px;
          height:13px;
          background:#fff;
          top:24px;
          right:-18px;
        }
      }
      .reg_btn{
        float: left;
        margin-left:36px;
      }
    }
  }
}
.c_footer{
  width:100%;
  background:#fff;
  .footer-container{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
    padding-top:50px;
    .top_footer_items{
        padding-bottom: 50px;
        .footer_items{
          .footer_item{
             float:left;
             margin-right: 100px;
            .tit{
              font-size: 14px;
              font-weight: bold;
              color:#3f3f3f;
            }
            .item-n{
              margin-bottom: 10px;
              font-size: 12px;
              .item_n_a{
                color:#8c8c8c;
              }
            }
            .item-n:nth-of-type(2){
              margin-top: 18px;
            }
          }
        }
        .communication{
          float: right;
          .tit{
            color:#ff7200;
            font-size: 14px;
          }
          .tel{
            color:#3f3f3f;
            font-size: 10px;
            margin-top: 10px;
            &::before{
              content:'';
              width:15px;
              height:13px;
              display: inline-block;
              background:url(../../img/home/tel.jpg);
              margin-right: 8px;
            }
          }
          .QQ{
            font-size: 10px;
            margin-top:7px;
            color:#3f3f3f;
            &::before{
              content:'';
              width:13px;
              height:14px;
              display: inline-block;
              background:url(../../img/home/qq.jpg);
              margin-right: 8px;
            }
          }
          .QQ_open{
            width:125px;
            height:34px;
            margin-top:15px;
            border-radius:6px;
            background: #ff7200;
            color:#fff;
            line-height: 34px;
            text-align: center;
            font-size: 12px;
            cursor: pointer;
          }
        }
    }
    .bottom_about{
      height:60px;
      border-top:1px solid #dcdcdc;
      .about-left{
        float: left;
        width: 500px;
        line-height:60px;
        .about_li{
          list-style: none;
          float: left;
          a{
            color:#3f3f3f;
            font-size: 12px;
          }
        }
        .about_li+.about_li{
          &:before{
            content:'';
            height:12px;
            width:1px;
            background: #e5e5e5;
            display: block;
            float: left;
            margin:8px 20px;
          }
        }
      }
      .about-right{
        float: right;
        width: 500px;
        font-size:12px;
        color:#8c8c8c;
        line-height: 60px;
      }
    }
  }
}












.c-footer{
  .footer{
    &-items{
      color: #000;
      &-about{
        color: #333;
        .about{
          &-text{
            color: #333;
            &-col{
              color: #999;
            }
          }
        }
      }
    }
    &-about{
      color: #000;
    }
  }
}
